.yugao{
    width: 1000px;
    margin: 0 auto;
}
.yugao-introduce{
    width: 1050px;
}
.yugao-in{
    position: relative;
    width:235px;
    height: 169px;
    margin: 0 20px 20px 0;
    background-color: white;
    float: left;
}
.yugao-inner img{
    width:100%;
    height:129px;
}
.yugao-inner span{
    display: block;
    width: 235px;
    height:40px;
    padding: 6px 10px 0;
    font-size: 12px;
}
.yugao-in .yugao-hiden{
    position: absolute;
    display:none;
    left:0;
    bottom: -10px;
}
 .yugao-hiden input{
     padding-right:38px ;
 }
.yugao-hiden span{
    border-left:1px solid #ccc;
    padding-left: 10px;
    position: absolute;
    top: 3px;
    right: 15px;
}
.yugao-top{
    width: 140px;
    height:40px;
    text-align: center;
    line-height: 40px;
    background-color: black;
    opacity: 0.8;
    position: absolute;
    top:50%;
    left:50%;
    z-index:2;
    color: #fff;
    margin-left: -70px;
    margin-top: -40px;
    font-size: 14px;
    border-radius: 3px;
}
.yugao-top2 {
    padding-left: 8px;
    width:235px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background-color: black;
    opacity: 0.6;
    position: absolute;
    left:0;
    bottom:40px;
    color: #fff;
}
.yugao-footer{
    width:100%;
    height: 132px;
    padding-bottom: 70px;
}
.yugao-footer div{
    width:342px;
    height:62px;
    padding:0 35px;
    margin: 70px auto 0;
    line-height: 62px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border:1px solid #f10180;
    background-color: #f10180;


}